// pages/dailyPick/dailyPick.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    scrollTop: 0,
    element: "#hot",
    mainActiveIndex: 0,
    scrollTopId: 0,
    dailyGoods: [
      {
        index: 1,
        text: "热销",
        badge: 3,
        dot: true,
        disabled: false,
        selector: "hot",
        goods: [
          {
            id: 1,
            title: "热销1",
            img: "",
          },
          {
            id: 2,
            title: "热销2",
            img: "",
          },
          {
            id: 3,
            title: "热销3",
            img: "",
          },
          {
            id: 4,
            title: "热销4",
            img: "",
          },
        ],
      },
      {
        index: 2,
        text: "新品",
        badge: 3,
        dot: false,
        disabled: false,
        selector: "new",
        goods: [
          {
            id: 1,
            title: "新品1",
            img: "",
          },
          {
            id: 2,
            title: "新品2",
            img: "",
          },
          {
            id: 3,
            title: "新品3",
            img: "",
          },
          {
            id: 4,
            title: "新品4",
            img: "",
          },
        ],
      },
      {
        index: 3,
        text: "折扣",
        badge: "",
        dot: false,
        disabled: false,
        selector: "new",
        goods: [
          {
            id: 1,
            title: "新品1",
            img: "",
          },
          {
            id: 2,
            title: "新品2",
            img: "",
          },
          {
            id: 3,
            title: "新品3",
            img: "",
          },
          {
            id: 4,
            title: "新品4",
            img: "",
          },
        ],
      },
      {
        index: 4,
        text: "测试",
        badge: "",
        dot: false,
        disabled: false,
        selector: "new",
        goods: [
          {
            id: 1,
            title: "新品1",
            img: "",
          },
          {
            id: 2,
            title: "新品2",
            img: "",
          },
          {
            id: 3,
            title: "新品3",
            img: "",
          },
          {
            id: 4,
            title: "新品4",
            img: "",
          },
        ],
      },
      {
        index: 5,
        text: "其他",
        badge: "",
        dot: false,
        disabled: false,
        selector: "test",
        goods: [
          {
            id: 1,
            title: "测试1",
            img: "",
          },
          {
            id: 2,
            title: "测试2",
            img: "",
          },
          {
            id: 3,
            title: "测试3",
            img: "",
          },
          {
            id: 4,
            title: "测试4",
            img: "",
          },
        ],
      },
    ],
  },

  onClickNav(e) {
    const that = this;
    const index = e.detail.index;
    const { listheight } = that.data;
    // wx.pageScrollTo({
    //   scrollTop: listheight[index],
    //   duration: 300,
    // });

    // var query = wx.createSelectorQuery();
    // that.data.dailyGoods.forEach((i) => {
    //   if (i.index == index + 1) {
    //     that.setData({
    //       element: "#" + i.selector,
    //     });
    //   }
    // });
    // query
    //   .select(that.data.element)
    //   .boundingClientRect(function (rect) {
    //     console.log(rect);
    //     if (rect.top != 15) that.setData({ scrollTop: rect.top - 15 });
    //   })
    //   .exec();
    that.setData({
      mainActiveIndex: index,
      // scrollTop: listheight[index],
      scrollTopId: index,
    });
  },

  onScroll(e) {
    const { scrollTop } = e.detail;
    const { listheight } = this.data;
    // console.log(scrollTop);

    var index
    listheight.forEach((item, i) => {
      if (scrollTop >= 0 && scrollTop <= listheight[0] && i == 0) {
        console.log('第0楼');
        return index = 0
      }
      if (scrollTop > listheight[i] && scrollTop <= listheight[i + 1]) {
        console.log(`第${i + 1}楼`);
        return index = i + 1
      }
      if (scrollTop > listheight[listheight.length - 1]) {
        console.log('最后一楼');
        return index = listheight.length - 1
      }
    })

    // 判断第几楼
    // if (listheight[0]) {
    //   if (scrollTop > 0 && scrollTop <= listheight[0]) {
    //     var index = 0;
    //     console.log("第0楼");
    //   }
    // }
    // if (listheight[1]) {
    //   if (scrollTop > listheight[0] && scrollTop <= listheight[1]) {
    //     var index = 1;
    //     console.log("第1楼");
    //   }
    // }
    // if (listheight[2]) {
    //   if (scrollTop > listheight[1] && scrollTop <= listheight[2]) {
    //     var index = 2;
    //     console.log("第2楼");
    //   }
    // }
    // if (listheight[3]) {
    //   if (scrollTop > listheight[2] && scrollTop <= listheight[3]) {
    //     var index = 3;
    //     console.log("第3楼");
    //   }
    // }
    // if (listheight[4]) {
    //   if (scrollTop > listheight[3] && scrollTop <= listheight[4]) {
    //     var index = 4;
    //     console.log("第4楼");
    //   }
    // }
    // if (listheight[5]) {
    //   if (scrollTop > listheight[4] && scrollTop <= listheight[5]) {
    //     var index = 5;
    //     console.log("第5楼");
    //   }
    // }
    // if (listheight[6]) {
    //   if (scrollTop > listheight[5] && scrollTop <= listheight[6]) {
    //     var index = 6;
    //     console.log("第6楼");
    //   }
    // }
    // if (listheight[7]) {
    //   if (scrollTop > listheight[6] && scrollTop <= listheight[7]) {
    //     var index = 7;
    //     console.log("第7楼");
    //   }
    // }
    // if (listheight[8]) {
    //   if (scrollTop > listheight[7] && scrollTop <= listheight[8]) {
    //     var index = 8;
    //     console.log("第8楼");
    //   }
    // }
    // if (listheight[9]) {
    //   if (scrollTop > listheight[8] && scrollTop <= listheight[9]) {
    //     var index = 9;
    //     console.log("第9楼");
    //   }
    // }
    // if (listheight[10]) {
    //   if (scrollTop > listheight[9] && scrollTop <= listheight[10]) {
    //     var index = 10;
    //     console.log("第10楼");
    //   }
    // }
    // if (listheight[1]) {
    //   if (scrollTop > listheight[10] && scrollTop <= listheight[11]) {
    //     var index = 11;
    //     console.log("第11楼");
    //   }
    // }
    // if (listheight[12]) {
    //   if (scrollTop > listheight[11] && scrollTop <= listheight[12]) {
    //     var index = 12;
    //     console.log("第12楼");
    //   }
    // }
    // if (listheight[13]) {
    //   if (scrollTop > listheight[12] && scrollTop <= listheight[13]) {
    //     var index = 13;
    //     console.log("第13楼");
    //   }
    // }
    // if (listheight[14]) {
    //   if (scrollTop > listheight[13] && scrollTop <= listheight[14]) {
    //     var index = 14;
    //     console.log("第14楼");
    //   }
    // }
    // if (listheight[15]) {
    //   if (scrollTop > listheight[14] && scrollTop <= listheight[15]) {
    //     var index = 15;
    //     console.log("第15楼");
    //   }
    // }
    // if (listheight[16]) {
    //   if (scrollTop > listheight[15] && scrollTop <= listheight[16]) {
    //     var index = 16;
    //     console.log("第16楼");
    //   }
    // }
    // if (listheight[17]) {
    //   if (scrollTop > listheight[16] && scrollTop <= listheight[17]) {
    //     var index = 17;
    //     console.log("第17楼");
    //   }
    // }
    // if (listheight[18]) {
    //   if (scrollTop > listheight[17] && scrollTop <= listheight[18]) {
    //     var index = 18;
    //     console.log("第18楼");
    //   }
    // }
    // if (listheight[19]) {
    //   if (scrollTop > listheight[18] && scrollTop <= listheight[19]) {
    //     var index = 19;
    //     console.log("第19楼");
    //   }
    // }

    this.setData({
      mainActiveIndex: index,
    });
  },

  onClickItem(e) {
    // console.log(e);
    wx.navigateTo({
      url: "/pages/detail/detail",
    });
  },

  getFloor(list_h) {
    const that = this;
    const { dailyGoods } = that.data;
    var height_total = 0; //累计的高
    var listheight = []; //定义空数组加入每一个数组

    for (var i in dailyGoods) {
      var goods_tit_h = 30;
      var goods_h = Number(dailyGoods[i].goods.length * list_h); //商品的高度
      // console.log("goods_h是" + goods_h);
      var goods_top = Number(dailyGoods[i].goods.length - 1) * 10; //商品与商品之间的距离
      // console.log('goods_h2是' + goods_h2);
      var list_bottom = 10;

      var height = goods_tit_h + goods_h + goods_top + list_bottom - 30;
      // var height = parseInt(height * 0.93); //大概就是93%同滚轴差不多.
      height_total += height;

      listheight.push(height_total);
    }

    that.setData({ listheight });
    // console.log(listheight);
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    const goodsId = options.goodsId;

    this.setData({
      mainActiveIndex: goodsId || 0,
      scrollTopId: goodsId || 0,
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() { },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    var list_h = 0;
    var query = wx.createSelectorQuery();
    query
      .select(".list-item")
      .boundingClientRect((res) => {
        list_h = res.height;
        this.getFloor(list_h);
      })
      .exec();
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() { },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() { },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() { },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() { },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() { },
});
